<!-- 此处是我喜欢的推送 -->
<template>
    <section class="component component--module cxense cxense-loading">
        <div class="column column--full" style='padding:0'>
            <div id="cx-recommended">
                <div class="component component--cxense curated--cxense">
                    <div class="column column--full">
                        <div class="element element--notice">Stories we think you might like</div>
                    </div>
                    <div class='column column--primary like-cx'>
                        <lrImgText :mylikeData='mylikeData'></lrImgText>
                    </div>
                    <div class='column column--aside cf-aside'>
                        <wordsLine :likewordLData='likewordLData'></wordsLine> <!-- 右边四个当行文字加下划线 -->
                    </div>
                    <div class='column column--full oth-full'>
                        <onePicText :botfullData='likepicData'></onePicText>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>
<script setup>
import lrImgText from '../lrImgText/lrImgText.vue';
import wordsLine from '../wordsLine/wordsLine.vue';
import onePicText from '../onePicText/onePicText.vue';
const props = defineProps(['likeData'])
const islike = ref(false)
const mylikeData = props.likeData.slice(0, 2) //props.likeData.slice(0, 2)
const likewordLData = props.likeData.slice(2, 7)
const likepicData = props.likeData.slice(7, 10)
likepicData.forEach((item) => {
    item.secondary = []
})
</script>
<style lang="scss" scoped>
.like-cx {
    max-width: 640px;
}

.cf-aside {
    max-width: 320px;
}
</style>